<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>B-Hero : Blog</title>
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/icon" href="assets/images/favicon.ico"/>
    <!-- Font Awesome -->
    <link href="assets/css/font-awesome.min.css" rel="stylesheet">
     <!-- Bootstrap CSS -->
	<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
    <!-- Slick slider -->
    <link href="assets/css/slick.css" rel="stylesheet">
    <!-- Gallery Lightbox -->
    <link href="assets/css/magnific-popup.css" rel="stylesheet">
    <!-- Skills Circle CSS  -->
    <!-- <link rel="stylesheet" type="text/css" href="https://unpkg.com/circlebars@1.0.3/dist/circle.css"> -->
    

    <!-- Main Style -->
    <link href="style.css" rel="stylesheet">

    <!-- Fonts -->

    <!-- Google Fonts Raleway -->
	<!-- <link href="https://fonts.googleapis.com/css?family=Raleway:300,400,400i,500,500i,600,700" rel="stylesheet"> -->
	<!-- Google Fonts Open sans -->
	<!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,700,800" rel="stylesheet"> -->
 
 
	</head>
  <body>

   <!--START SCROLL TOP BUTTON -->
    <a class="scrollToTop" href="#">
      <i class="fa fa-angle-up"></i>
    </a>
  <!-- END SCROLL TOP BUTTON -->
  	
  	<!-- Start Header -->
  	<header id="mu-hero">
  		<div class="top-search">
  			<div class="container">
  				<div class="row">
  					<div class="col-md-8">
  						<a class="navbar-brand mu-logo" href="index.html">
  							<img src="assets/img/logo.png" alt="logo">
  						</a>
  					</div>
  					<div class="col-md-4">
  						<form class="mu-search-form">
  							<input type="search" placeholder="搜索">
  							<button class="mu-search-submit-btn" type="submit"><i class="fa fa-search"></i></button>
  						</form>
  					</div>
  				</div>
  			</div>
  		</div>
  		<div class="container">
  			<nav class="navbar navbar-expand-lg navbar-light mu-navbar">
  				<!-- Text based logo -->
  				<!-- <a class="navbar-brand mu-logo" href="index.html"><span>军融文化研学之旅</span></a> -->
  				<!-- image based logo -->
  			  <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
  			    <span class="fa fa-bars"></span>
  			  </button>
  	
  			  <div class="collapse navbar-collapse" id="navbarSupportedContent">
  			    <ul class="navbar-nav mr-auto mu-navbar-nav">
  			      <li class="nav-item active">
  			        <a href="index.html">首页</a>
  			      </li>
  			      <li class="nav-item"><a href="about-us.html">关于我们</a></li>
  			      <li class="nav-item"><a href="services.html">研学产品</a></li>
  				  <li class="nav-item"><a href="services.html">研学日记</a></li>
  			      <li class="nav-item"><a href="portfolio.html">新闻公告</a></li>
  			       <!-- <li class="nav-item dropdown">
  				        <a class="dropdown-toggle" href="blog.html" role="button" id="navbarDropdown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Blog</a>
  				       <div class="dropdown-menu" aria-labelledby="navbarDropdown">
  				          <a class="dropdown-item" href="blog.html">Blog Archive</a>
  				          <a class="dropdown-item" href="blog-single.html">Blog Single</a>
  				        </div>
  				    </li> -->
  			        <li class="nav-item"><a href="contact.html">联系我们</a></li>
  			        <!-- <li class="nav-item"><a href="404.html">404 Page</a></li> -->
  			    </ul>
  			  </div>
  			</nav>
  		</div>
  	</header>
  	<!-- End Header -->

	<!-- Start Page Header area -->
	<div id="mu-page-header">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<div class="mu-page-header-area">
						<h1 class="mu-page-header-title">Blog Archive</h1>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- End Page Header area -->

	<!-- Start Breadcrumb -->
	<!-- <div id="mu-breadcrumb">
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<nav aria-label="breadcrumb" role="navigation">
					  <ol class="breadcrumb mu-breadcrumb">
					    <li class="breadcrumb-item"><a href="#">首页</a></li>
					    <li class="breadcrumb-item active" aria-current="page">新闻列表</li>
					  </ol>
					</nav>
				</div>
			</div>
		</div>
	</div> -->
	<!-- End Breadcrumb -->

	
	<!-- Start main content -->
	<main>
		<!-- Start Blog -->
		<section id="mu-blog">
			<div class="container">
			<div class="row">
					<div class="col-md-6">
						<div id="carouselExampleIndicators" class="carousel slide my-3 p-3 rounded box-shadow" data-ride="carousel">
						  <ol class="carousel-indicators">
							<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
							<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
							<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
						  </ol>
						  <div class="carousel-inner">
							<div class="carousel-item active">
							  <img class="d-block w-100" src="..." alt="First slide">
							</div>
							<div class="carousel-item">
							  <img class="d-block w-100" src="..." alt="Second slide">
							</div>
							<div class="carousel-item">
							  <img class="d-block w-100" src="..." alt="Third slide">
							</div>
						  </div>
						  <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
							<span class="carousel-control-prev-icon" aria-hidden="true"></span>
							<span class="sr-only">Previous</span>
						  </a>
						  <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
							<span class="carousel-control-next-icon" aria-hidden="true"></span>
							<span class="sr-only">Next</span>
						  </a>
						</div>
					</div>
					<div class="col-md-6">
						<div class="my-3 p-3 rounded box-shadow bg-light">
							<h4 class="border-gray pb-2 mb-0 text-uppercase">世纪明德沪杭（迪士尼）研学营——诗韵魅力沪杭嘉 原汁原味迪士尼</h4>
							<ul class="list-group list-group-flush my-3">
							  <li class="list-group-item"><span class="font-weight-bold">qwe：</span>Cras justo odio</li>
							  <li class="list-group-item"><span class="font-weight-bold">qwe：</span>Cras justo odio</li>
							  <li class="list-group-item"><span class="font-weight-bold">qwe：</span>Cras justo odio</li>
							  <li class="list-group-item"><span class="font-weight-bold">qwe：</span>Cras justo odio</li>
							</ul>
							<button type="button" class="btn btn-primary p-3 my-3 btn-sm">立即报名</button>
							<div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_copy" data-cmd="copy" title="分享到复制网址"></a></div>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"24"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
						</div>
					</div>
			</div>
			
			<div class="my-3 p-3 rounded box-shadow bg-light">
					<h5 class="border-bottom border-gray pb-2 mb-0">Recent updates</h5>
					<div class="media text-muted pt-3">asdsd</div>
			</div>
			
			<!-- start respond form -->
			<div id="respond" class="bg-light p-3 mb-3">
			  <h5 class="border-bottom border-gray pb-2 mb-3">在线报名</h5>
			  <form id="commentform">
				<input type="text" name="pro" value="产品名称">
				<p class="comment-notes">
				  Your email address will not be published. Required fields are marked <span class="required">*</span>
				</p>
				<p class="comment-form-author">
				  <label for="author">姓名 <span class="required">*</span></label>
				  <input type="text" required="required" name="name">
				</p>
				<p class="comment-form-author">
				  <label for="author">性别 <span class="required">*</span></label>
				  <div class="d-block my-3">
					  <div class="custom-control custom-radio">
						<input id="sex" name="sex" type="radio" class="custom-control-input" checked="" required="">
						<label class="custom-control-label" for="credit">男</label>
					  </div>
					  <div class="custom-control custom-radio">
						<input id="sex" name="sex" type="radio" class="custom-control-input" required="">
						<label class="custom-control-label" for="debit">女</label>
					  </div>
					</div>
				</p>
				<p class="comment-form-email">
				  <label for="age">年龄 <span class="required">*</span></label>
				  <input type="text" required="required" aria-required="true" name="age">
				</p>
				<p class="comment-form-url">
				  <label for="school">学校</label>
				  <input type="text" value="" name="school">
				</p>
				<p class="comment-form-phone">
				  <label for="phone">手机</label>
				  <input type="text" value="" name="phone">
				</p>
				<p class="comment-form-comment">
				  <label for="comment">留言</label>
				  <textarea required="required" aria-required="true" rows="8" cols="45" name="comment"></textarea>
				</p>
				<p class="comment-form-comment">
				  <label for="comment">验证码</label>
				  <input type="text" value="" name="code">
				</p>
				<p class="form-submit">
				  <input type="button" value="Post Comment" class="mu-send-msg-btn" name="submit">
				</p>        
				http://www.eecoer.com/user/register;jsessionid=838F6D8B1E5DB1186289BDE1DB1BFEB8
			  </form>
			</div>
			<!-- end respond form -->
			<div class="clearfix"></div>
			
				<div class="row">
					<div class="col-md-12">


					
						<div class="mu-blog-area">
							<!-- Title -->
							<div class="row">
								<div class="col-md-8">
									<div class="mu-blog-left">
										<!-- start single item -->
										<article class="mu-blog-item">
											<div class="row">
												<div class="col-md-4"><a href="#"><img class="rounded" src="assets/images/blog-img-1.jpg" alt="blgo image"></a></div>
												<div class="col-md-8">
													<div class="mu-blog-item-content">
														<ul class="mu-blog-meta">
															<li>发布时间：2019-4-24</li>
														</ul>
														<h1 class="mu-blog-item-title"><a href="#">某某同学研学之旅</a></h1>
														<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis. </p>
													</div>
												</div>
											</div>
										</article>
										<!-- End single item -->

										<!-- start single item -->
										<article class="mu-blog-item">
											<div class="row">
											<div class="col-md-4"><a href="#"><img src="assets/images/blog-img-1.jpg" alt="blgo image"></a></div>
											<div class="col-md-8">
											<div class="mu-blog-item-content">
												<ul class="mu-blog-meta">
													<li>发布时间：2019-4-24</li>
												</ul>
												<h1 class="mu-blog-item-title"><a href="#">Seeing the big picture of information and information management</a></h1>
												<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis. </p>
											</div>
											</div>
											</div>
										</article>
										
										<!-- End single item --><!-- start single item -->
										<article class="mu-blog-item">
											<div class="row">
											<div class="col-md-4"><a href="#"><img src="assets/images/blog-img-1.jpg" alt="blgo image"></a></div>
											<div class="col-md-8">
											<div class="mu-blog-item-content">
												<ul class="mu-blog-meta">
													<li>发布时间：2019-4-24</li>
												</ul>
												<h1 class="mu-blog-item-title"><a href="#">Seeing the big picture of information and information management</a></h1>
												<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis. </p>
											</div>
											</div>
											</div>
										</article>
										<!-- End single item -->

										<!-- Start paginatin -->
										<nav aria-label="Page navigation example" class="mu-blog-pagination">
										  <ul class="pagination">
										    <li class="page-item">
										      <a class="page-link" href="#" aria-label="Previous">
										        <span aria-hidden="true" class="fa fa-long-arrow-left"></span>
										        <span class="sr-only">Previous</span>
										      </a>
										    </li>
										    <li class="page-item"><a class="page-link" href="#">1</a></li>
										    <li class="page-item"><a class="page-link" href="#">2</a></li>
										    <li class="page-item"><a class="page-link" href="#">3</a></li>
										    <li class="page-item"><a class="page-link" href="#">4</a></li>
										    <li class="page-item"><a class="page-link" href="#">5</a></li>
										    <li class="page-item">
										      <a class="page-link" href="#" aria-label="Next">
										       <span aria-hidden="true" class="fa fa-long-arrow-right"></span>
										        <span class="sr-only">Next</span>
										      </a>
										    </li>
										  </ul>
										</nav>
										<!-- End pagination -->
									</div>
								</div>
								<div class="col-md-4">
									<div class="mu-blog-sidebar">

										<!-- start Single Widget -->
										<div class="mu-sidebar-widget">
											<h2 class="mu-sidebar-widget-title">快捷导航</h2>
											<ul class="mu-sidebar-widget-nav">
												<li><a href="#"><i class="fa fa-angle-double-right" aria-hidden="true"></i>关于我们</a></li>
												<li><a href="#"><i class="fa fa-angle-double-right" aria-hidden="true"></i>研学产品</a></li>
												<li><a href="#"><i class="fa fa-angle-double-right" aria-hidden="true"></i>研学日记</a></li>
												<li><a href="#"><i class="fa fa-angle-double-right" aria-hidden="true"></i>新闻公告</a></li>
												<li><a href="#"><i class="fa fa-angle-double-right" aria-hidden="true"></i>联系我们</a></li>
											</ul>
										</div>
										<!-- End single widget -->
									</div>
								</div>
							</div>
							
						</div>
					</div>
				</div>
			</div>
		</section>
		<!-- End Blog --> 

	</main>
	
	<!-- End main content -->	
			
			
	<!-- Start footer -->
		<footer id="mu-footer">
			<div class="mu-footer-top">
				<div class="container">
					<div class="row">
						<div class="col-md-3">
							<div class="mu-single-footer">
	<!--							<img class="mu-footer-logo" src="assets/images/logo.png" alt="logo">-->
								<p>军融文化研学之旅充分利用当地国防（爱国主义）教育基地、科普基地、红色景区、旅游景点、人文地理等丰富资源，开展研学旅行、夏冬令营等活动，同时开展机关企事业单位红色教育培训、拓展训练等业务。 </p>
								<!-- <div class="mu-social-media">
									<a href="#"><i class="fa fa-facebook"></i></a>
									<a class="mu-twitter" href="#"><i class="fa fa-twitter"></i></a>
									<a class="mu-pinterest" href="#"><i class="fa fa-pinterest-p"></i></a>
									<a class="mu-google-plus" href="#"><i class="fa fa-google-plus"></i></a>
									<a class="mu-youtube" href="#"><i class="fa fa-youtube"></i></a>
								</div> -->
							</div>
						</div>
						<div class="col-md-3">
							<div class="mu-single-footer">
								<h3>新闻公告</h3>
								<ul class="mu-useful-links">
									<li><a href="#">研学产品上线</a></li>
									<li><a href="#">路线更新</a></li>
								</ul>
							</div>
						</div>
						<div class="col-md-3">
							<div class="mu-single-footer">
								<h3>联系我们</h3>
								<ul class="list-unstyled">
								  <li class="media">
								    <span class="fa fa-home"></span>
								    <div class="media-body">
								    	<p>青岛市佛涛路23号</p>
								    </div>
								  </li>
								  <li class="media">
								    <span class="fa fa-phone"></span>
								    <div class="media-body">
								       <p>0532-51863090</p>
									   <p>18653232051（手机）</p>
								     	<p>17753209219（同微信）周教官</p>
								    </div>
								  </li>
								  <li class="media">
								    <span class="fa fa-envelope"></span>
								    <div class="media-body">
								     <p>1727063672@qq.com</p>
								    </div>
								  </li>
								</ul>
							</div>
						</div>
						<div class="col-md-3">
							<div class="mu-single-footer">
								<h3>公众号</h3>
								<ul class="list-unstyled">
								  	<li class="media">
									  <img src="assets/img/weixin.jpg" style="max-width: 160px;" />
								  	</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="mu-footer-bottom">
				<div class="container">
					<div class="row">
						<div class="col-md-12">
							<div class="mu-footer-bottom-area">
								<p class="mu-copy-right">&copy; Copyright 军融文化研学之旅 备案号：鲁ICP:XXXXXX</p>
							</div>
						</div>
					</div>
				</div>
			</div>
	
		</footer>
		<!-- End footer -->
	
		
		<!-- JavaScript -->
	    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
	   <script src="https://cdn.bootcss.com/jquery/3.4.0/jquery.min.js"></script>
	   <script src="https://cdn.bootcss.com/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
	   <script src="https://cdn.bootcss.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
		<!-- Slick slider -->
	    <script type="text/javascript" src="assets/js/slick.min.js"></script>
	    <!-- Progress Bar -->
	<!--    <script src="https://unpkg.com/circlebars@1.0.3/dist/circle.js"></script>-->
	    <!-- Filterable Gallery js -->
	    <!-- <script type="text/javascript" src="assets/js/jquery.filterizr.min.js"></script> -->
	    <!-- Gallery Lightbox -->
	    <script type="text/javascript" src="assets/js/jquery.magnific-popup.min.js"></script>
	    <!-- Counter js -->
	    <script type="text/javascript" src="assets/js/counter.js"></script>
	    <!-- Ajax contact form  -->
	    <script type="text/javascript" src="assets/js/app.js"></script>
	    
		
	    <!-- Custom js -->
		<script type="text/javascript" src="assets/js/custom.js"></script>
	
		<!-- About us Skills Circle progress  -->
		<script>
			// First circle
		    // new Circlebar({
	        // element : "#circle-1",
	        // type : "progress",
		    //   maxValue:  "90"
		    // });
			//
			// // Second circle
		    // new Circlebar({
	        // element : "#circle-2",
	        // type : "progress",
		    //   maxValue:  "84"
		    // });
			//
		    // // Third circle
		    // new Circlebar({
	        // element : "#circle-3",
	        // type : "progress",
		    //   maxValue:  "60"
		    // });
			//
		    // // Fourth circle
		    // new Circlebar({
	        // element : "#circle-4",
	        // type : "progress",
		    //   maxValue:  "74"
		    // });
	
		</script>
	    
	  </body>
	</html>